import React from 'react'

type Props = {
    children:React.ReactNode;
    slot1:() => React.ReactNode;
    slot3:() => React.ReactNode;
    slot2:(s: any) => React.ReactNode;
}

export default function Demo({
    children,
    slot1,
    slot2,
    slot3,
}: Props) {
  return (
    <div>Demo
        {
            children
        }
        {
            slot1()
        }
        {
            slot2('test')
        }
        {
            slot3()
        }
    </div>
  )
}